body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, button, input, textarea,
th, td{
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body,
button, input, select, textarea /* for ie */ {
    font: 12px/1.5 tahoma, arial, STHeiTi, \5b8b\4f53, sans-serif;
    font: 12px/1.5 'Microsoft YaHei',tahoma, arial, STHeiTi, \5b8b\4f53, sans-serif /9;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic;}
/***************************************************************/

.clear-block:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-block
{ display: inline-block;}
* html .clear-block
{ height: 1%;}
.clear-block
{ display: block; }

.clearfix:after {content:'\20';display:block;height:0;clear:both;}
.clearfix {*zoom:1;}



/***************************************************************/
.imgblock img { display:block;}

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}

.fLeft {float:left;}
.fRight {float:right;}
.fCenter {margin:0 auto;}

.aLeft {text-align:left;}
.aRight {text-align:right;}
.aCenter {text-align:center;}

.top {vertical-align:top;}
.baseline {vertical-align:baseline;}

.inline-block {display:inline-block;*display:inline;*zoom:1;}
/***************************************************************/

h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
/***************************************************************/


/** spacing helpers
 *  p,m = padding,margin
 *  a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
 *  s,m,sm,l,n = small(5px),medium(10px),smallmedium(15px),large(20px),none(0px)
 *  ml,ll = morelarge(30px), largelarge(40px)
 */
.ptn,.pvn,.pan{padding-top:0px !important}
.pts,.pvs,.pas{padding-top:5px !important}
.ptm,.pvm,.pam{padding-top:10px !important}
.ptsm,.pvsm,.pasm{padding-top:15px !important}
.ptl,.pvl,.pal{padding-top:20px !important}
.ptml,.pvml,.paml{padding-top:30px !important}
.ptll,.pvll,.pall{padding-top:40px !important}

.prn,.phn,.pan{padding-right:0px !important}
.prs,.phs,.pas{padding-right:5px !important}
.prm,.phm,.pam{padding-right:10px !important}
.prsm,.phsm,.pasm{padding-right:15px !important}
.prl,.phl,.pal{padding-right:20px !important}
.prml,.phml,.paml{padding-right:30px !important}
.prll,.phll,.pall{padding-right:40px !important}

.pbn,.pvn,.pan{padding-bottom:0px !important}
.pbs,.pvs,.pas{padding-bottom:5px !important}
.pbm,.pvm,.pam{padding-bottom:10px !important}
.pbsm,.pvsm,.pasm{padding-bottom:15px !important}
.pbl,.pvl,.pal{padding-bottom:20px !important}
.pbml,.pvml,.paml{padding-bottom:30px !important}
.pbll,.pvll,.pall{padding-bottom:40px !important}

.pln,.phn,.pan{padding-left:0px !important}
.pls,.phs,.pas{padding-left:5px !important}
.plm,.phm,.pam{padding-left:10px !important}
.plsm,.phsm,.pasm{padding-left:15px !important}
.pll,.phl,.pal{padding-left:20px !important}
.plml,.phml,.paml{padding-left:30px !important}
.plll,.phll,.pall{padding-left:40px !important}

.mtn,.mvn,.man{margin-top:0px !important}
.mts,.mvs,.mas{margin-top:5px !important}
.mtm,.mvm,.mam{margin-top:10px !important}
.mtsm,.mvsm,.masm{margin-top:15px !important}
.mtl,.mvl,.mal{margin-top:20px !important}
.mtml,.mvml,.maml{margin-top:30px !important}
.mtll,.mvll,.mall{margin-top:40px !important}

.mrn,.mhn,.man{margin-right:0px !important}
.mrs,.mhs,.mas{margin-right:5px !important}
.mrm,.mhm,.mam{margin-right:10px !important}
.mrsm,.mhsm,.masm{margin-right:15px !important}
.mrl,.mhl,.mal{margin-right:20px !important}
.mrml,.mhml,.maml{margin-right:30px !important}
.mrll,.mhll,.mall{margin-right:40px !important}

.mbn,.mvn,.man{margin-bottom:0px !important}
.mbs,.mvs,.mas{margin-bottom:5px !important}
.mbm,.mvm,.mam{margin-bottom:10px !important}
.mbsm,.mvsm,.masm{margin-bottom:15px !important}
.mbl,.mvl,.mal{margin-bottom:20px !important}
.mbml,.mvml,.maml{margin-bottom:30px !important}
.mbll,.mvll,.mall{margin-bottom:40px !important}

.mln,.mhn,.man{margin-left:0px !important}
.mls,.mhs,.mas{margin-left:5px !important}
.mlm,.mhm,.mam{margin-left:10px !important}
.mlsm,.mhsm,.masm{margin-left:15px !important}
.mll,.mhl,.mal{margin-left:20px !important}
.mlml,.mhml,.maml{margin-left:30px !important}
.mlll,.mhll,.mall{margin-left:40px !important}
/***************************************************************/
.container-12 { margin-left: auto; margin-right: auto; width: 960px;}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, 
.grid-11, .grid-12 {
  display: inline;
  float: left;
  /* position: relative; */
  margin-left: 10px;
  margin-right: 10px;
}
.container-12 .grid-1 { width: 60px;}
.container-12 .grid-2 { width: 140px;}
.container-12 .grid-3 { width: 220px;}
.container-12 .grid-4 { width: 300px;}
.container-12 .grid-5 { width: 380px;}
.container-12 .grid-6 { width: 460px;}
.container-12 .grid-7 { width: 540px;}
.container-12 .grid-8 { width: 620px;}
.container-12 .grid-9 { width: 700px;}
.container-12 .grid-10 { width: 780px;}
.container-12 .grid-11 { width: 860px;}
.container-12 .grid-12 { width: 940px;}

/***************************************************************/


.line:before,.line:after{content:"";display:table;}
.line:after{clear:both;}
.line{*zoom:1;}
.unit{float:left;}
.unitRight{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{float:none;display:block;display:table-cell;width:9999em;*width:auto;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
/***************************************************************/


/* media */
.media {margin: 0px 0px;*zoom:1;}
.media:after, .bd:after {content: '\20'; display: block; height: 0; clear: both;}
.media .bd{
    vertical-align: baseline;
    display: table-cell;
    width: 10000px;
    *width: auto;
    *zoom: 1;
}
.media .bd > :first-child{margin-top:0;}
.media .bd > :last-child{margin-bottom:0;}
.media .img{
    float: left;
}
.media .img img, .media .bd img, .media .imgExt img{
    display:block;
}
.media .imgExt{float:right; /*margin-left: 10px;*/}
.mediaVertical .bd {
    display: block;
    width: inherit;
}
/***************************************************************/


.full-width { width:100%;}
.pos-parent { position: relative;}
.pos-child  { position: absolute;}

/* grid list */

.grid-list li {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.grid-list-1-column li {
    width: 100%;
}
.grid-list-2-column li {
    width: 49.3355%;
}
.grid-list-3-column li {
    width: 32.8888%;
}
.grid-list-4-column li {
    width: 24.5555%;
}
.grid-list-8-column li {
    width: 12.2222%;
}

